/* 1.背景图 */
body{
	/* 背景复合属性 */
	background: url(../img/7/img/背景.jpg)no-repeat;
	/* 背景图尺寸 */
	background-size: 100% 2400px;
}


/* 标题 */
h1{
	
}






/* 植物 */
#js{
	width:577px ;
	height: 400px;
	border: 1px soil red;
	/* 上背景图 */
	background: url(../img/足球.gif)no-repeat;
	background-size: 100% 100%;
	position: relative;
	top:367px ;
	left: 456px;
	animation: js 20s linear infinite;
}
/* 创建手翻书 */
@keyframes js{
	0%{
		background: url(../img/足球.gif) no-repeat;
		background-size: 100% 100%;
		top: 450px;
		left: 3000px;
	}
	10%{
		background: url(../img/足球.gif)) no-repeat;
		background-size: 100% 100%;
		top: 450px;
		left: 2500px;
	}
	20%{
		background: url(../img/足球.gif) no-repeat;
		background-size: 100% 100%;
		top: 450px;
		left: 2000px;
	}
	30%{
		background: url(../img/足球.gif) no-repeat;
		background-size: 100% 100%;
		top: 450px;
		left: 1500px;
	}
	40%{
		background: url(../img/足球.gif) no-repeat;
		background-size: 100% 100%;
		top: 450px;
		left: 1000px;
	}
	50%{
		background: url(../img/足球.gif) no-repeat;
		background-size: 100% 100%;
		top: 450px;
		left: 800px;
	}
	60%{
		background: url(../img/足球.gif) no-repeat;
		background-size: 100% 100%;
		top: 450px;
		left: 600px;
	}
	70%{
		background: url(../img/足球.gif) no-repeat;
		background-size: 100% 100%;
		top: 450px;
		left: 580px;
	}
	80%{
		background: url(../img/足球.gif) no-repeat;
		background-size: 100% 100%;
		top: 450px;
		left: 550px;
	}
	90%{
		background: url(../img/足球.gif) no-repeat;
		background-size: 100% 100%;
		top: 530px;
		left: 400px;
	}
	100%{
		background: url(../img/7/img/橄榄吃.gif) no-repeat;
		background-size: 100% 100%;
		top: 500px;
		left: 400px;
	}
}
#pt{
	width:577px ;
	height: 400px;
	border: 1px soil red;
	/* 上背景图 */
	background: url(../img/帽子.gif) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top:367px ;
	left: 456px;
	animation: pt 20s linear infinite;
}
/* 创作手翻书 */
@keyframes pt{
	0%{
		background: url(../img/帽子.gif) no-repeat;
		background-size: 100% 100%;
		top: 620px;
		left: 3000px;
	}
	10%{
		background: url(../img/帽子.gif) no-repeat;
		background-size: 100% 100%;
		top: 620px;
		left: 2800px;
	}
	20%{
		background: url(../img/帽子.gif) no-repeat;
		background-size: 100% 100%;
		top: 620px;
		left: 2600px;
	}
	30%{
		background: url(../img/帽子.gif) no-repeat;
		background-size: 100% 100%;
		top: 620px;
		left: 2300px;
	}
	40%{
		background: url(../img/帽子.gif) no-repeat;
		background-size: 100% 100%;
		top: 620px;
		left: 2000px;
	}
	50%{
		background: url(../img/帽子.gif) no-repeat;
		background-size: 100% 100%;
		top: 650px;
		left: 1800px;
	}
	60%{
		background: url(../img/帽子.gif)) no-repeat;
		background-size: 100% 100%;
		top: 620px;
		left: 1600px;
	}
	70%{
		background: url(../img/帽子.gif) no-repeat;
		background-size: 100% 100%;
		top: 650px;
		left: 1500px;
	}
	80%{
		background: url(../img/帽子.gif) no-repeat;
		background-size: 100% 100%;
		top: 620px;
		left: 1400px;
	}
	90%{
		background: url(../img/帽子.gif) no-repeat;
		background-size: 100% 100%;
		top: 650px;
		left: 1200px;
	}
	100%{
		background: url(../img/帽子.gif) no-repeat;
		background-size: 100% 100%;
		top: 620px;
		left: 1000px;
	}
}
#jg{
	width:315px ;
	height: 485px;
	border: 1px soil red;
	/* 上背景图 */
	background: url(../img/7/img/蚕豆.gif) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top:133px ;
	left: 200px;
	
}
#mh{
	width:422px ;
	height: 326px;
	border: 1px soil red;
	/* 上背景图 */
	background: url(../img/迷幻.gif) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top:136px ;
	left: 250px;
}
#srh{
	width:626px ;
	height: 554px;
	border: 1px soil red;
	/* 上背景图 */
	background: url(../img/img/食人花吃.gif) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top:-12px ;
	left: 185px;
}
#pg{
	width:342px ;
	height: 276px;
	border: 1px soil red;
	/* 上背景图 */
	background: url(../img/img/喷菇.gif) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top:-1936px ;
	left: 800px;
}
#gjg{
	width:358px ;
	height: 471px;
	border: 1px soil red;
	/* 上背景图 */
	background: url(../img/img/坚果吃.gif) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top:-1154px ;
	left: 1192px;
}
#jskc{
	width:536px ;
	height: 512px;
	border: 1px soil red;
	/* 上背景图 */
	background: url(../img/img/僵尸快吃.gif) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top:-1728px ;
	left: 1262px;
}
#ss{
	width:536px ;
	height: 512px;
	border: 1px soil red;
	/* 上背景图 */
	background: url(../img/img/僵尸烧.gif) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top:-1728px ;
	left: 1262px;
}
#dm{
	width:577px ;
		height: 400px;
		border: 1px soil red;
		/* 上背景图 */
		background: url(../img/帽子.gif) no-repeat;
		background-size: 100% 100%;
		position: relative;
		top:-2227px;
		left: 2050px;
		animation: dm 23s linear ;
	}
	@keyframes dm{
0%{width:577px ;
			height: 400px;
			border: 1px soil red;
			/* 上背景图 */
			background: url(../img/帽子.gif) no-repeat;
			background-size: 100% 100%;
			position: relative;
			top:-2227px;
			left: 2050px;
			anima tion: dm 20s linear infinite;
		}
		25%{
			width:577px ;
						height: 400px;
						border: 1px soil red;
						/* 上背景图 */
						background: url(../img/帽子.gif) no-repeat;
						background-size: 100% 100%;
						position: relative;
						top:-2227px;
						left: 2050px;
						anima tion: dm 20s linear infinite;
		}
		50%{width:577px ;
			height: 400px;
			border: 1px soil red;
			/* 上背景图 */
			background: url(../img/img/僵尸烧.gif) no-repeat;
			background-size: 100% 100%;
			position: relative;
			top:-2227px;
			left: 2050px;
			anima tion: dm s linear infinite;
		}
		100%{
			width:577px ;
							height: 400px;
							border: 1px soil red;
							/* 上背景图 */
							background: url(../img/7/img/草坪.png) no-repeat;
							background-size: 100% 100%;
							position: relative;
							top:-2227px;
							left: 2050px;
							anim ation: dm 20s linear infinite;
			
		}
		}
#hjg{
	width: 577px;
	height: 400px;
	border: 1px  soild red;
	/* 上背景图 */
	background: url(../img/img/bear_1.png) no-repeat;
	/* 背景图占满整个空间 */
	background-size: 100%  100%;
	/* 微调定位 */
	position: relative;
	top: px;
	left: -63px;
	animation: hjg 13s linear ;
}
@keyframes hjg {
	0%{
		background: url(../img/img/红坚果.gif)no-repeat;
		background-size: 100%  100%;
		top:-2600px ;
		left:600px ;
		}
	
	10%{
		/*  */
		background: url(../img/img/红坚果.gif) no-repeat;
		background-size: 100%  100%;
		top: -2600px;
		left: 630px;
	}
	20%{
		background: url(../img/img/红坚果.gif) no-repeat;
		background-size: 100%  100%;
		top: -2600px;
		left: 670px;
	}
	30%{
		background: url(../img/img/红坚果.gif) no-repeat;
		background-size: 100%  100%;
		top: -2600px;
		left: 800px;
	}
	40%{
		background: url(../img/img/红坚果.gif)no-repeat;
		background-size: 100%  100%;
		top: -2600px;
		left: 1800px;
	}
	50%{
		background: url(../img/img/红坚果.gif)no-repeat;
		background-size: 100%  100%;
		top: -2600px;
		left: 1900px;
	}
	60%{
		background: url(../img/img/红坚果.gif)no-repeat;
		background-size: 100%  100%;
		top: -2600px;
		left: 2000px;
	}
	70%{
		background: url(../img/img/红坚果.gif)no-repeat;
		background-size: 100%  100%;
		top: -2600px;
		left: 2500px;
	}
	80%{
		background: url(../img/img/红坚果.gif)no-repeat;
		background-size: 100%  100%;
		top: -2600px;
		left: 2800px;
	}
	90%{
		background: url(../img/img/红坚果.gif)no-repeat;
		background-size: 100%  100%;
		top: -2600px;
		left: 3000px;
	}
	100%{
		background: url(../img/img/红坚果.gif)no-repeat;
		background-size: 100%  100%;
		top: -2600px;
		left: 4500px;
}}
#hb{
	width:307px ;
	height: 374px;
	border: 1px soil red;
	/* 上背景图 */
	background: url(../img/7/img/寒冰.gif) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top:-3724px ;
	left: 563px;
}
#dd{
	width:307px ;
	height: 374px;
	border: 1px soil red;
	/* 上背景图 */
	background: url(../img/7/img/豆豆蓝.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top:-3724px ;
	left: 563px;
	animation: dd 5s linear infinite;
}
@keyframes dd{
	0%{
		background: url(../img/7/img/豆豆蓝.png) no-repeat;
		background-size: 100%  100%;
		top: -4200px;
		left: 600px;
	}
	50%{
		background: url(../img/7/img/豆豆蓝.png) no-repeat;
		background-size: 100%  100%;
		top: -4200px;
		left: 2500px;
	}
	100%{
		background: url(../img/7/img/豆豆蓝.png) no-repeat;
		background-size: 100%  100%;
		top: -4200px;
		left: 3500px;
	}
}
#ty{
	width:430px ;
	height: 221px;
	border: 1px soil red;
	/* 上背景图 */
	background: url(../img/7/太阳.gif)no-repeat;
	background-size: 100% 100%;
	position: relative;
	top:-5381px ;
	left: 304px;
	animation: ty 8s linear ;
}
@keyframes ty{
	0%{
		background: url(../img/7/太阳.gif) no-repeat;
		background-size: 100%  100%;
		top: -5687px;
		left: 304px;
	}
	50%{
		background: url(../img/7/太阳.gif) no-repeat;
		background-size: 100%  100%;
		top: -5579px;
		left: 304px;
	}
	100%{
		background: url(../img/7/太阳.gif) no-repeat;
		background-size: 100%  100%;
		top: -5381px;
		left: 304px;
	}
